@import "../../../shared/color";

.receiver-form-box {
	padding: 30px 40px 0px 10px;
	
	.ant-legacy-form-item-label label {
		font-weight: bold;
	}
}

.receiver-selector {
	padding: 10px 0px;
	
	h4 {
		color: #000000;
		text-align: center;
		font-size: 18px;
		padding: 0px 0px 10px;
	}
	
	
	.ant-radio-group {
		width: 100%;
	}
	
	.btn-bar {
		width: 100%;
		text-align: right;
		padding: 16px 0px 10px 10px;
	}
}

.receiver-selector-opt {
	background-color: #fafafa;
	display: flex;
	color: #3e3e3e;
	padding: 6px 0 6px 10px;
	margin: 2px 0px;
	border-radius: 2px;
	align-items: center;
	
	.receiver-name {
		min-width: 60px;
		display: inline-block;
		text-align: left;
	}
	
	&:hover {
		button {
			visibility: visible;
		}
	}
	
	button {
		padding: 0px 8px;
		font-size: 13px;
		visibility: hidden;
		
		&:first-child {
			margin-right: 6px;
		}
	}
	
	&.selected {
		color: #000000;
		font-weight: 500;
		
		.addr {
			color: #000000;
		}
	}
	
	& > label, & > div {
		margin: 4px 6px;
	}
	
	.addr {
		color: @text-color;
		flex-grow: 1;
	}
}